<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>face style-2</title>
    <link rel="stylesheet" href="../../model/jsFn.css">
    <link rel="stylesheet" href="../../model/element.css">
</head>
<body>
<!--目录-->
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< face style="2" ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#childElement">子标签</a></p>
            <ul>
                <li><p><a href="#childElement_img">img</a></p></li>
                <li><p><a href="#childElement_p">p</a></p></li>
            </ul>
        </li>
    </ul>
</div>
<!--标签-->
<div id="element">
    <h2>face style-2</h2>
    <div>简介:</div>
    <p>送礼物</p>
</div>
<!--属性-->
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <!--xmp标签可以直接书写xml格式文本-->
        <xmp>
            <face style="2" num="2" height="272" id="button6">
                <item>
                    <img>face/gifts/live_gift_005.png</img>
                    <p price="10">礼物1</p>
                </item>
                <item>
                    <img>face/gifts/live_gift_006.png</img>
                    <p price="100">礼物2</p>
                </item>
                <item>
                    <img>face/gifts/live_gift_007.png</img>
                    <p price="20">礼物2</p>
                </item>
                <item>
                    <img>face/gifts/live_gift_008.png</img>
                    <p price="30">礼物3</p>
                </item>
                <item>
                    <img>face/gifts/live_gift_009.png</img>
                    <p price="90">礼物4</p>
                </item>
                <item>
                    <img>face/gifts/live_gift_010.png</img>
                    <p price="50">礼物5</p>
                </item>
                <item>
                    <img>face/gifts/live_gift_011.png</img>
                    <p price="60">礼物6</p>
                </item>
            </face>

        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table>
            <tbody>
            <tr>
                <th>属性</th>
                <th>值</th>
                <th>描述</th>
            </tr>
            <tr>
                <td>itemClick</td>
                <td>function</td>
                <td><a href="face1.html#optional">同style1</a> </td>
            </tr>
            <tr>
                <td>num</td>
                <td>row:int,column:int</td>
                <td>row:行;column:列,</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="note">
        <h3>提示和注释:</h3>
    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/face2.png" alt="">
    </div>
</div>
<!--子标签-->
<div id="childElement">
    <h2>子标签</h2>
    <div id="childElement_img">
        <h3>img</h3>
        <p>自定义的图片</p>
    </div>
    <div id="childElement_p">
        <h3>p</h3>
        <p>礼物的信息</p>
    </div>
</div>
<div class="author"><p>by-姜进</p></div>
</body>
</html>